<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta http-equiv="content-language" content="zh-CN" />
    <title>Title</title>
    <!--<script src="../js/fm.validator.js"></script>-->
    <script type="text/javascript" src="../script/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="../js/jquery.validate.js"></script>

    <script type="text/javascript" src="../js/jquery.validate.extend.js"></script>
    <script type="text/javascript" src="../js/additional-methods.js"></script>
    <script type="text/javascript" language="javascript"  src="../js/messages_cn.js" charset="UTF-8"></script>
    <script type="text/javascript" src="../script/jquery-ui-1.12.1/jquery-ui.js"></script>
    <link href="../script/jquery-ui-1.12.1/jquery-ui.min.css" rel="stylesheet" />
    <link href="../css/common.css" type="text/css" rel="stylesheet">
    <link href="../css/index.css" type="text/css" rel="stylesheet">
    <link href="../css/form_css.css" type="text/css" rel="stylesheet">
    <!--<script src="../js/jquery-1.8.3.min.js"></script>-->
    <script src="../js/imgUp.js"></script>
    <!--日历初始化js脚本-->
    <script type="text/javascript">
        $(function(){
            init();
        });

        //初始化函数
        function init(){
            validator_init();
        }

        //初始化校验信息
        function validator_init(){
            var validate = $("#form").validate({
                errorPlacement: function(error, element) {
//                        error.appendTo( element.parent().next() );
                },
                debug:false,
                submitHandler:function(form){
                    var fileCnt =  $("#file")[0].files;
                    if(fileCnt.length<=0){
                        $("#sectionFileId").addClass("errorCls");
                    }
//                        debugger;
//                        document.form.action = "123.html";
//                        document.form.submit();
                    //提交
                    alert("submit!");
                },
                rules:{
                    title:{
                        required:true
                    },
                    date_start:{
                        required:true
                    },
                    date_end:{
                        required:true
                    },
                    detail:{
                        required:true
                    },
                    userCnts:{
                        required:true,
                        digits:true
                    },
                    cost:{
                        required:true,
                        digits:true
                    }
                }
            });
        }
    </script>


</head>
<body>


<div id="headId" class="headCls">
    <div class="headTitle"><strong><span>浪漫之旅活动管理平台</span></strong></div>
    <div class="headUserArea">
        <div class="headUserInfo">欢迎管理员小张</div>
        <div class="headImg"><img src="../img/close.png"></div>
    </div>


</div>
<div id="hasReleaseId" class="contentCls">
    <div class="contentTitleCls"><span>活动详情</span></div>
    <div class="contentTableCls">
        <form id="form" name="form" method="post" enctype="mutipart/form-data">
            <table>
                <tr>
                    <td class="tdLeft"><span>活动标题:</span></td>
                    <td><div>台湾美食节</div></td>
                </tr>
                <tr>
                    <td class="tdLeft"><span>活动海报:</span></td>
                    <td>
                        <div class="img-box full">
                            <section class=" img-section" >
                                <div class="z_photo upimg-div clear" >
                                    <section class="z_file fl" id="sectionFileId">
                                        <img src="../img/upload_background.png" class="add-img">
                                        <input type="file" name="file" id="file" class="file" value="" accept="image/jpg,image/jpeg,image/png,image/bmp" multiple />
                                    </section>
                                </div>
                            </section>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="tdLeft"><span>活动时间:</span></td>
                    <td>
                        <div class="divInline1"><span id="date_start">6-30</span></div><span class="dateSpanLineCls">—</span><div class="divInline1" ><span id="date_end">7-30</span></div>
                    </td>
                </tr>
                <tr>
                    <td class="tdLeft"><span>活动详情:</span></td>
                    <td>
                        <div id="detail" name="detail">
                            很好很好!
                        </div>

                    </td>
                </tr>
                <tr>
                    <td class="tdLeft"><span>限定人数:</span></td>
                    <td><div id="userCnts" class="divCommon">50</div><span>人</span></td>
                </tr>
                <tr>
                    <td class="tdLeft"><span>报名费用:</span></td>
                    <td><div id="cost" class="divCommon">3000</div><span>元</span></td>
                </tr>

                <tr>
                    <td colspan="2">
                        <div id="releaseBtnId"><strong>删除活动</strong></div>
                    </td>
                </tr>
            </table>
            <!--<input type="submit" name="submit" />-->
        </form>
    </div>
</div>

<div id="footId" class="footCls">
    <div id="companyInfo">某某某公司某某某路xxx号</div>
</div>

<aside class="mask works-mask">
    <div class="mask-content">
        <p class="del-p ">您确定要删除该图片么？</p>
        <p class="check-p"><span class="del-com wsdel-ok">确定</span><span class="wsdel-no">取消</span></p>
    </div>
</aside>

</body>
</html>